<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>蜜柚旅行-接送机</title>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}
			
			.w1170 {
				width: 1170px;
				margin: 0px auto;
			}
			
			.fly-main {
				width: 100%;
				min-width: 1170px;
				min-height: 577px;
				padding: 100px 0px 50px;
				background: url(img/jiesongji/flt_bg.png) no-repeat #FFFFFF top left;
				background-position: 50% 0;
			}
			
			.fly-left {
				float: left;
				width: 370px;
				height: 503px;
				font-size: 20px;
				background-color: white;
				box-shadow: 0px 4px 18px 0px rgba(14, 45, 72, 0.25);
			}
			
			.fly-left input {
				width: 270px;
				height: 40px;
				padding: 0px 5px 0px 55px;
				font-size: 16px;
				margin-bottom: 8px;
				outline: none;
				border: 1px solid #c8c8cc;
			}
			
			.fly-menu {
				width: 315px;
				height: 50px;
				padding: 0px 27.5px;
				border-bottom: 1px solid #F93A35;
				color: #333333;
			}
			
			.fly-menu li {
				float: left;
				width: 85px;
				height: 47px;
				margin: 0px 10px;
				cursor: pointer;
				list-style-type: none;
				text-align: center;
				line-height: 47px;
			}
			
			.fly-menu li:hover {
				color: #F93A35;
				border-bottom: 3px solid #F93A35;
			}
			
			.fly-jieji,.fly-song {
				width: 332px;
				height: 194px;
				margin: 0px auto;
				padding: 30px 0;
			}
			.fly-song{
				display:none;
			}
			.fly-jieji li,.fly-song li {
				list-style-type: none;
				position: relative;
			}
			
			.hangban {
				width: 332px;
				height: 66px;
			}
			
			.hangban input {
				background: url(img/jiesongji/ficon1.png) no-repeat scroll 17px center;
			}
			
			.hangban span ,.fly-time span{
				font-size: 12px;
				height: 16px;
				line-height: 10px;
				color: #454545;
				display: block;
			}
			
			.fly-place input {
				background: url(img/jiesongji/ficon2.png) no-repeat scroll 17px center;
			}
			
			.flt_person {
				background: url(img/jiesongji/ficon3.png) 17px center no-repeat;
				width: 270px;
				height: 40px;
				line-height: 40px;
				padding: 0px 5px 0px 55px;
				margin-bottom: 8px;
				font-size: 16px;
				color: #333;
				cursor: pointer;
				border: 1px solid #C8C8CC;
			}
			
			.flt_person:hover {
				border: 1px solid #39a3f4;
			}
			
			.flt_plist {
				position: absolute;
				top: 42px;
				left: 0;
				font-size: 16px;
				display: none;
				background-color: white;
			}
			
			.fly-person:hover .flt_plist {
				display: block;
			}
			
			.flt_plist li {
				width: 290px;
				height: 60px;
				line-height: 60px;
				padding: 0px 20px;
				margin-bottom: 0px;
				border: 1px solid #ccc;
				border-top: none;
			}
			
			.flt_plist i {
				color: #9b9b9b;
				font-size: 12px;
			}
			
			.flt_plist .text {
				width: 36px;
				height: 25px;
				margin: 0;
				padding: 0;
				text-align: center;
				border-top: 0;
				border-bottom: 0;
				float: left;
			}
			
			.wrap {
				width: 88px;
				height: 25px;
				margin: 17px 0px 0px;
				border: 1px solid #c8c8cc;
				float: right;
			}
			
			.wrap>div {
				width: 25px;
				height: 25px;
				text-align: center;
				float: left;
				line-height: 25px;
				color: #F93A35;
			}
			
			.baojia {
				width: 330px;
				height: 40px;
				line-height: 40px;
				padding: 0px;
				margin: 0 auto;
				margin-top: 20px;
				font-size: 18px;
				color: #f93a35;
				border: 1px solid #f93a35;
				border-radius: 4px;
				text-align: center;
			}
			
			.baojia:hover {
				color: #fff;
				background: #f93a35;
			}
			
			.fly-right {
				float: right;
				width: 770px;
			}
			
			.fly_on {
				padding-top: 300px;
				text-align: center;
			}
			
			.fly_on span {
				margin-top: 25px;
				font-size: 20px;
				color: #101010;
				letter-spacing: 3px;
				display: block;
			}
		</style>
	</head>

	<body>
		<div class="all">
			<div class="allhead"></div>
			<div class="allbody">
				<div class="fly-main">
					<div class="w1170">
						<div class="fly-left">
							<div class="fly-menu">
								<ul>
									<li>接机</li>
									<li>送机</li>
									<li>包车</li>
								</ul>
							</div>
							<div class="fly-jieji">
								<ul>
									<li>
										<div class="hangban">
											<input type="text" name="hangban" id="" placeholder="请选择航班" value="" />
											<span>我们需要了解您具体的航班信息，才能为您安排用车服务</span>
										</div>
										<!--<div class="fly-txt" style="display: none;">
											<span>到达时间：2016-08-10 12:20</span>
											<span>到达机场：东京羽田机场</span>
										</div>-->
									</li>
									<li>
										<div class="fly-place">
											<input placeholder="送达地点" type="text" name="address">
										</div>
									</li>
									<li>
										<div class="fly-person">
											<div class="flt_person">
												<span>成人 1</span>
												<span>儿童 0</span>
												<span>婴儿 0</span>
											</div>
											<ul class="flt_plist">
												<li>
													<span>成人<i>（12岁以上）</i></span>
													<div class="wrap">
														<div class="jian">-</div>
														<input class="text" value="1" type="text" name="adult" />
														<div class="add">+</div>
													</div>
												</li>
												<li>
													<span>儿童<i>（2-11岁）</i></span>
													<div class="wrap">
														<div class="jian">-</div>
														<input class="text" value="0" type="text" name="children" autocomplete="off" readonly="">
														<div class="add">+</div>
													</div>
												</li>
												<li>
													<span>婴儿<i>（0-2岁）</i></span>
													<div class="wrap">
														<div class="jian">-</div>
														<input class="text" value="0" type="text" name="baby" autocomplete="off" readonly="">
														<div class="add">+</div>
													</div>
												</li>
											</ul>
										</div>
									</li>
								</ul>
							</div>
							<div class="fly-song">
								<ul>
									<li>
										<div class="hangban">
											<input placeholder="请选择航班" type="text" name="fltNo">
											<span>我们需要了解您具体的航班信息，才能为您安排用车服务</span>
											<div class="flt_txt" style="display:none;">
												<span>起飞时间：2016-08-10 12:20</span>
												<span>起飞机场：东京羽田机场</span>
											</div>
										</div>
									</li>
									<li>
										<div class="fly-place">
											<input placeholder="请选择出发地点" type="text" name="address">
										</div>
									</li>
									<li>
										<div class="fly-time">
											<input placeholder="请选择出发时间" type="text" name="time" class="fltSendDatetime" value="">
											<span>建议起飞前3小时出发</span>
										</div>
									</li>
									<li>
										<div class="fly-person">
											<div class="flt_person">
												<span>成人 1</span>
												<span>儿童 0</span>
												<span>婴儿 0</span>
											</div>
											<ul class="flt_plist">
												<li>
													<span>成人<i>（12岁以上）</i></span>
													<div class="wrap">
														<div class="jian">-</div>
														<input class="text" value="1" type="text" name="adult" />
														<div class="add">+</div>
													</div>
												</li>
												<li>
													<span>儿童<i>（2-11岁）</i></span>
													<div class="wrap">
														<div class="jian">-</div>
														<input class="text" value="0" type="text" name="children" autocomplete="off" readonly="">
														<div class="add">+</div>
													</div>
												</li>
												<li>
													<span>婴儿<i>（0-2岁）</i></span>
													<div class="wrap">
														<div class="jian">-</div>
														<input class="text" value="0" type="text" name="baby" autocomplete="off" readonly="">
														<div class="add">+</div>
													</div>
												</li>
											</ul>
										</div>
									</li>
								</ul>
							</div>
							<div class="baojia">
								查看报价
							</div>
						</div>
						<div class="fly-right">
							<div class="fly_on">
								<img src="img/jiesongji/flt_no.png" />
								<span>专职司机安全省心·绝无隐形消费·免费等待90分钟</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="allfoot"></div>
		</div>
	</body>

</html>